<template>
    <view class="bg-[#f8f8f8] min-h-screen">
        <view class="h-[10rpx]"></view>
        <view class="bg-[#fff] ">
            <view  class="py-[30rpx] px-[40rpx] flex items-center  border-b border-[#EFEFEF]  justify-between">
              

              <view class=" ml-[15rpx]">班级ID：</view>
              <view>123</view>
          </view>
          <view  class="py-[30rpx] px-[40rpx] flex items-center  border-b border-[#EFEFEF] justify-between">
              

              <view class=" ml-[15rpx]">班级名称：</view>
              <view>2024书法一班</view>
          </view>
          <view  class="py-[30rpx] px-[40rpx] flex items-center  border-b border-[#EFEFEF] justify-between">
              

              <view class=" ml-[15rpx]">班级封面：</view>
              <image src="https://www.aqvtc.edu.cn/_upload/article/images/75/c2/589547794559a79e48ba9ab6fdfa/469aac11-9132-4451-a77a-019a3324ba9c_d.jpg" class="w-[115rpx] h-[115rpx]"></image>
          </view>
          <view  class="py-[30rpx] px-[40rpx] flex items-center  border-b border-[#EFEFEF] justify-between">
              

              <view class=" ml-[15rpx]">班级类型：</view>
              <view>自建班级</view>
          </view>
          <view  class="py-[30rpx] px-[40rpx] flex items-center  border-b border-[#EFEFEF] justify-between">
              

              <view class=" ml-[15rpx]">班级管理员：</view>
              <view>创建人</view>
          </view>
          <view  class="py-[30rpx] px-[40rpx] flex items-center  border-b border-[#EFEFEF] justify-between">
              

              <view class=" ml-[15rpx]">班级简介：</view>
              <view>123</view>
          </view>
          <view  class="py-[30rpx] px-[40rpx] flex items-center  justify-between">
              

              <view class=" ml-[15rpx]">提示：加入班级需要验证</view>
           
          </view>
        </view>
        <view class="mt-[100rpx] flex items-center justify-center">
            <view class=" text-white py-[16rpx] px-4  bg-[#FD755D] rounded  text-[34rpx]">申请加入</view>
        </view>
        
    </view>
</template>
<script setup>
import { ref, reactive, onMounted, onUnmounted, getCurrentInstance } from 'vue'

</script>
